.banner{position:relative;width:100%;height:500px;overflow:hidden}.banner .container{height:100%}.banner .contents{position:absolute;top:0;left:0;width:100%;height:100%}.banner .content{position:absolute;top:0;width:100%;height:100%;background-size:auto;background-repeat:no-repeat;background-position:center center;text-align:center}.banner .contentInfo{display:none;overflow:hidden;position:absolute;top:50%;left:100px;width:675px;height:200px;margin-top:-50px;z-index:1;text-align:left}.banner .contentInfo .sub{text-shadow:0 0 3px #b67ebc;position:absolute;top:17px;left:8px;width:2px;height:120px;background:#fff}.banner .contentInfo .sub{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom}.banner .contentInfo .quan{text-shadow:0 0 3px #b67ebc;position:absolute;top:132px;left:1px;width:16px;height:16px;border:2px solid #fff;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-webkit-border-radius:16px}.banner .contentInfo .title{text-shadow:0 0 3px #b67ebc;position:absolute;left:32px;top:8px;line-height:50px;font-size:40px;color:#fff;font-family:"微软雅黑"}.banner .contentInfo .info{text-shadow:0 0 3px #b67ebc;position:absolute;left:32px;top:70px;line-height:32px;font-size:20px;color:#fff}.banner .contentInfo .btn{text-shadow:0 0 3px #b67ebc;position:absolute;top:146px;left:32px;color:#fff;border:1px solid #fff;text-align:center;line-height:32px;width:110px;height:30px;border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px}.banner .bannerNav{position:absolute;bottom:10px;width:100%;text-align:center;z-index:2}.banner .bannerNav .bannerNavChild{margin:0 10px;width:15px;height:15px;display:inline-block;*display:inline;*zoom:1;background:#0c5bb3;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;cursor:pointer}.banner .bannerNav .bannerNavChild.on{background:#f60;animation:bannerNavChildOn .2s ease-in-out 0s both;-moz-animation:bannerNavChildOn .2s ease-in-out 0s both;-webkit-animation:bannerNavChildOn .2s ease-in-out 0s both;-o-animation:bannerNavChildOn .2s ease-in-out 0s both}.banner .bannerBg{width:100%;height:auto;vertical-align:middle}.banner .contentInfo .sub{animation:sub .5s ease-in-out 0s both;-moz-animation:sub .5s ease-in-out 0s both;-webkit-animation:sub .5s ease-in-out 0s both;-o-animation:sub .5s ease-in-out 0s both}@keyframes sub{0%{height:0}100%{height:120px}}@-moz-keyframes sub{0%{height:0}100%{height:120px}}@-webkit-keyframes sub{0%{height:0}100%{height:120px}}@-o-keyframes sub{0%{height:0}100%{height:120px}}.banner .contentInfo .quan{animation:quan .2s ease-in-out .5s both;-moz-animation:quan .2s ease-in-out .5s both;-webkit-animation:quan .2s ease-in-out .5s both;-o-animation:quan .2s ease-in-out .5s both}@keyframes quan{0%{transform:scale(0)}100%{transform:scale(1)}}@-moz-keyframes quan{0%{-moz-transform:scale(0)}100%{-moz-transform:scale(1)}}@-webkit-keyframes quan{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1)}}@-o-keyframes quan{0%{-o-transform:scale(0)}100%{-o-transform:scale(1)}}.banner .contentInfo .title{animation:tranx .8s ease-in-out .5s both;-moz-animation:tranx .8s ease-in-out .5s both;-webkit-animation:tranx .8s ease-in-out .5s both;-o-animation:tranx .8s ease-in-out .5s both}.banner .contentInfo .info{animation:tranx .8s ease-in-out .7s both;-moz-animation:tranx .8s ease-in-out .7s both;-webkit-animation:tranx .8s ease-in-out .7s both;-o-animation:tranx .8s ease-in-out .7s both}.banner .contentInfo .btn{animation:tranx .8s ease-in-out .9s both;-moz-animation:tranx .8s ease-in-out .9s both;-webkit-animation:tranx .8s ease-in-out .9s both;-o-animation:tranx .8s ease-in-out .9s both}@keyframes tranx{0%{transform:translateX(-700px)}100%{transform:translateX(0)}}@-moz-keyframes tranx{0%{-moz-transform:translateX(-700px)}100%{-moz-transform:translateX(0)}}@-webkit-keyframes tranx{0%{-webkit-transform:translateX(-700px)}100%{-webkit-transform:translateX(0)}}@-o-keyframes tranx{0%{-o-transform:translateX(-700px)}100%{-o-transform:translateX(0)}}@keyframes bannerNavChildOn{0%{background:#0c5bb3;transform:scale(1)}50%{transform:scale(0)}100%{background:#f60;transform:scale(1)}}@-moz-keyframes bannerNavChildOn{0%{background:#0c5bb3;-moz-transform:scale(1)}50%{transform:scale(0)}100%{background:#f60;-moz-transform:scale(1)}}@-webkit-keyframes bannerNavChildOn{0%{background:#0c5bb3;-webkit-transform:scale(1)}50%{transform:scale(0)}100%{background:#f60;-webkit-transform:scale(1)}}@-o-keyframes bannerNavChildOn{0%{background:#0c5bb3;-o-transform:scale(1)}50%{transform:scale(0)}100%{background:#f60;-o-transform:scale(1)}}